<!DOCTYPE html>
<html>
<head>
	<title>Chooose a game template</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles/gameByDesign.css" />
	<link rel="stylesheet" href="styles/jquery.mobile-1.3.1.min.css" />
	<script src="scripts/jquery-2.0.2.min.js"></script>
	<script src="scripts/jquery.mobile-1.3.1.min.js"></script>
	<script src="scripts/utils.js"></script>
	<script src="scripts/quiz_designer.js"></script>
	<script src="scripts/my_games.js"></script>
</head>
<body>

<div data-role="page">
<div id ="wrapper">

<!-- /header -->
		<h1><img src="images/logo.png" style="width:30%;" alt="logo"></h1>
        <h2>Start creating a quiz</h2>
	<div data-role="header">
		<h1>Choose a game template</h1>
	</div><!-- /header -->

	<div data-role="content" style="width:80%;">
		<ul >
        <li><a data-role="button" href="designer_quiz.html" style="width:25%;">
        <img src="images/Backdrop-2.jpg" style="width:25%; margin:2%;">Quiz Game</a>
        </li>
		<li><a data-role="button" style="width:25%;"><img src="images/Back1.jpg"style="width:25%; margin:2%;"> Memory Cards</a>
       </li>
        
		<a data-role="button" style="width:25%;"><img src="images/Backdrop-1.jpg"style="width:25%; margin:2%;">Jeopardy</a>
        </li>
        </ul>
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div>
</div><!-- /page -->

</body>
</html>